<template>
  <div>
    <h2>这是一个子组件Left组件</h2>
    <button @click="sendMg">给父组件传数据</button>
  </div>
</template>

<script>
// 引入mixins中的函数
export default {
  // vue2写法
  name: "Left",
  // 在vue3中写v2代码依然支持,但是需要emits接收一下,虽然不写也可以但是控制台会报一个警告
  emits: ["getData"],
  setup() {
    let msg = 456
    return {
      msg,
    }
  },
  // 该函数在组件挂载阶段就已经生成,当鼠标点击后就会触发mixins中的dom二级事件click
  // mixins: [clickPoint],
  methods: {
    sendMg() {
      console.log(this)
      this.$emit("getData", this.msg)
    },
  },
}
</script>

<style>
.left {
  width: 600px;
  height: 300px;
  background-color: cyan;
}
</style>
